<template>
  <div v-loading="loading" class="wechat-login-register">
    <div class="impowerBox">
      <div class="loginPanel">
        <div class="title">
          <img src="./wxlogo.png" alt="logo" class="logo">企业微信登录
        </div>
        <div class="panelContent">
          <div class="info">
            您的企业还未添加IBECRM应用<br>请使用管理员账号扫码添加
          </div>
          <div class="wrp_code">
            <img class="qrcode" src="./qrcode.png">
          </div>
        </div>
      </div>
    </div>
    <div class="handle">
      <el-button type="primary" icon="el-icon-success" class="done-btn" @click="goLogin">我已扫码完成</el-button>
    </div>
  </div>
</template>

<script>

export default {
  // 企业微信登录注册
  name: 'WechatLoginRegister',

  components: {},

  props: {},

  data() {
    return {
      loading: false,
      authUrl: ''
    }
  },

  computed: {},

  watch: {},

  created() {
  },

  mounted() {
  },

  beforeDestroy() {},

  methods: {
    goLogin() {
      this.$router.replace({
        name: 'login'
      })
    }
  }
}
</script>

<style lang="scss" scoped>
.wechat-login-register {
  padding: 120px 0 0;
  background-color: rgb(237, 241, 245);

  .impowerBox {
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 100%;
    line-height: 1.6;
    text-align: center;
    vertical-align: middle;
  }

  .loginPanel {
    width: 378px;
    padding: 36px 0 38px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #e7e9eb;
    border-radius: 4px;
    box-shadow: 0 4px 10px 0 rgba($color: #000, $alpha: 0.03);

    .title {
      width: 160px;
      height: 24px;
      margin: 0 auto;
      font-family: "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", STHeiti, "Microsoft YaHei", sans-serif;
      font-size: 20px;
      line-height: 24px;
      color: #0082ef;
      text-align: left;
    }

    .logo {
      width: 29px;
      height: 24px;
      margin-right: 8px;
      vertical-align: top;
    }
  }

  .panelContent {
    .wrp_code {
      position: relative;
      margin-top: 6px;

      .qrcode {
        width: 280px;
        vertical-align: top;
      }
    }

    .info {
      width: 280px;
      padding: 2px 0;
      margin: 0 auto;
      margin-top: 10px;
      font-family: "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", STHeiti, "Microsoft YaHei", sans-serif;
      color: #666;
      text-align: center;
    }
  }

  .handle {
    margin-top: 20px;
    text-align: center;

    .done-btn {
      width: 378px;
      padding: 12px;
      font-family: "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", STHeiti, "Microsoft YaHei", sans-serif;
      font-size: 16px;
      background-color: #0077e7;
      border-color: #0077e7;
    }
  }
}
</style>
